<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>旅游年卡景点地图</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
            height: 100vh;
            overflow: hidden;
            background-color: #f5f7fa;
        }

        #container {
            width: 100%;
            height: 100vh;
        }

        .header-container {
            position: absolute;
            top: 20px;
            left: 20px;
            right: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            z-index: 1000;
            gap: 15px;
        }

        .map-title {
            background: rgba(255, 255, 255, 0.95);
            padding: 12px 18px;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
            font-weight: bold;
            color: #333;
            font-size: 16px;
            white-space: nowrap; /* 防止文字换行 */
            flex-shrink: 0; /* 防止标题被压缩 */
        }

        .poi-count {
            background: rgba(255, 255, 255, 0.9);
            padding: 8px 15px;
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            font-size: 14px;
            color: #666;
            white-space: nowrap;
            flex-shrink: 0; /* 防止被压缩 */
        }

        /* 信息窗口样式 */
        .amap-info-window {
            width: 250px;
            background: #fff;
            border-radius: 8px;
            padding: 15px;
            box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
            position: relative;
        }

        .amap-info-sharp {
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -8px;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 8px solid #fff;
        }

        .info-title {
            font-size: 16px;
            font-weight: bold;
            color: #2575fc;
            margin-bottom: 10px;
        }

        .info-row {
            display: flex;
            margin-bottom: 8px;
            padding-bottom: 8px;
            border-bottom: 1px solid #f0f0f0;
        }

        .info-label {
            width: 80px;
            font-weight: bold;
            color: #666;
            font-size: 14px;
        }

        .info-value {
            flex: 1;
            color: #333;
            font-size: 14px;
            line-height: 1.4;
        }

        .info-highlight {
            color: #ff6b6b;
            font-weight: bold;
        }

        .info-time {
            color: #666;
            font-size: 13px;
            line-height: 1.4;
        }

        /* 自定义文字标签样式 */
        .custom-label {
            background: rgba(255, 255, 255, 0.9);
            border: 1px solid #2575fc;
            border-radius: 12px;
            padding: 4px 8px;
            font-size: 12px;
            color: #2575fc;
            font-weight: bold;
            white-space: nowrap;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        /* 响应式调整 */
        @media (max-width: 480px) {
            .header-container {
                top: 10px;
                left: 10px;
                right: 10px;
                flex-wrap: nowrap; /* 确保元素不换行 */
                gap: 10px;
            }

            .map-title {
                font-size: 14px;
                padding: 8px 12px;
                /*flex: 1; !* 占据剩余空间 *!*/
                min-width: 0; /* 允许内容被压缩 */
                overflow: hidden;
                text-overflow: ellipsis; /* 文字过长时显示省略号 */
            }

            .poi-count {
                font-size: 12px;
                padding: 6px 10px;
                flex-shrink: 0; /* 保持原始大小 */
            }

            .amap-info-window {
                width: 220px;
                padding: 12px;
            }

            .info-title {
                font-size: 15px;
            }

            .info-label, .info-value {
                font-size: 13px;
            }

            .custom-label {
                font-size: 10px;
                padding: 3px 6px;
            }
        }
    </style>
</head>
<body>
<div id="container"></div>

<div class="header-container">
    <div class="map-title">旅游年卡景点地图</div>
    <div class="poi-count" id="poiCount">正在加载景点...</div>
</div>

<!-- 引入高德地图JS API -->
<!-- 访问 https://console.amap.com/dev/key/app 查看 [Web端(JS API)]部分的[Key] -->
<script src="https://webapi.amap.com/maps?v=2.0&key=e662..."></script>
<script>
    // 景点数据
    const poiData = [
        {
            "id": 1,
            "name": "朝阳公园勇敢者乐园",
            "area": "北京市朝阳区",
            "price": "120元",
            "freeTickets": "1次",
            "serviceTime": "2025.9.1-2026.12.31，如遇雨雪等恶劣天气暂停营业，16点以后不接待",
            "location": "116.481390,39.939789"
        },
        {
            "id": 2,
            "name": "陶瓷艺术馆陶艺拉坯体验",
            "area": "北京市朝阳区",
            "price": "118元",
            "freeTickets": "1次",
            "serviceTime": "2026.1.1-12.31，需预约，春节放假",
            "location": "116.476020,39.855741"
        },
        {
            "id": 3,
            "name": "蟹岛冰雪大世界",
            "area": "北京市朝阳区",
            "price": "120元",
            "freeTickets": "2次",
            "serviceTime": "2025.12.20-2026.2.25，包含3个项目",
            "location": "116.547732,40.017990"
        },
        {
            "id": 4,
            "name": "蟹岛得意乐园",
            "area": "北京市朝阳区",
            "price": "100元",
            "freeTickets": "1次",
            "serviceTime": "2026.4.1-10.31，团队无效",
            "location": "116.555443,39.976228"
        },
        {
            "id": 5,
            "name": "北京励志堂科举匾额博物馆",
            "area": "北京市朝阳区",
            "price": "80元",
            "freeTickets": "不限次",
            "serviceTime": "2026.1.1-2026.12.31，周一闭馆",
            "location": "116.540779,39.898545"
        },
        {
            "id": 6,
            "name": "中国紫檀博物馆",
            "area": "北京市朝阳区",
            "price": "50元",
            "freeTickets": "1次",
            "serviceTime": "2026.1.1-12.31，周一闭馆",
            "location": "116.526055,39.910684"
        },
        {
            "id": 7,
            "name": "国家动物博物馆",
            "area": "北京市朝阳区",
            "price": "40元",
            "freeTickets": "1次",
            "serviceTime": "2026.1.1-12.31，周一闭馆",
            "location": "116.381429,40.002551"
        },
        {
            "id": 8,
            "name": "仰山儿童乐园",
            "area": "北京市朝阳区",
            "price": "88元",
            "freeTickets": "1次",
            "serviceTime": "2025.9.1-2026.8.31，五一、十一假期无效",
            "location": "116.457067,39.994226"
        },
        {
            "id": 9,
            "name": "管庄冰雪嘉年华",
            "area": "北京市朝阳区",
            "price": "120元",
            "freeTickets": "不限次",
            "serviceTime": "2025.12.20-2026.2.28，含3个项目",
            "location": "116.592223,39.912381"
        },
        {
            "id": 10,
            "name": "冰之巢冰雕艺术馆",
            "area": "北京市朝阳区",
            "price": "168元",
            "freeTickets": "优惠1次",
            "serviceTime": "2025.9.1-2026.8.31，自付20元，优惠票现场购买",
            "location": "116.40,39.99"
        },
        {
            "id": 11,
            "name": "京西皮影非遗园",
            "area": "北京市海淀区",
            "price": "100元",
            "freeTickets": "1次",
            "serviceTime": "2026.1.1-12.31；周末及法定节假日接待，团体无效",
            "location": "116.297700,39.959893"
        },
        {
            "id": 12,
            "name": "北京大觉寺",
            "area": "北京市海淀区",
            "price": "20元",
            "freeTickets": "1次",
            "serviceTime": "2026.1.1-12.31",
            "location": "116.116901,40.054431"
        },
        {
            "id": 13,
            "name": "北京西山国家森林公园",
            "area": "北京市海淀区",
            "price": "10元",
            "freeTickets": "不限次",
            "serviceTime": "2026.1.1-12.31",
            "location": "116.193063,39.975185"
        },
        {
            "id": 14,
            "name": "北京太平洋海底世界",
            "area": "北京市海淀区",
            "price": "120元",
            "freeTickets": "1次",
            "serviceTime": "2025.12.1-2026.1.31，元旦假期半价，2-12月份半价",
            "location": "116.297700,39.959893"
        },
        {
            "id": 15,
            "name": "爸爸糖绵羊牧场",
            "area": "北京市海淀区",
            "price": "48元",
            "freeTickets": "1次",
            "serviceTime": "2026.1.1-12.31，不含二次收费项目",
            "location": "116.311642,40.014729"
        },
        {
            "id": 16,
            "name": "北京文博交流馆（智化寺）",
            "area": "北京市东城区",
            "price": "20元",
            "freeTickets": "不限次",
            "serviceTime": "2026.1.1-12.31，周一闭馆",
            "location": "116.432336,39.917333"
        },
        {
            "id": 17,
            "name": "王府井古人类文化遗址",
            "area": "北京市东城区",
            "price": "10元",
            "freeTickets": "不限次",
            "serviceTime": "2026.1.1-12.31，周一闭馆",
            "location": "116.411220,39.915458"
        },
        {
            "id": 18,
            "name": "北京市文天祥祠",
            "area": "北京市东城区",
            "price": "5元",
            "freeTickets": "不限次",
            "serviceTime": "2026.1.1-12.31，周一闭馆",
            "location": "116.416334,39.928359"
        },
        {
            "id": 19,
            "name": "孔庙和国子监博物馆",
            "area": "北京市东城区",
            "price": "30元",
            "freeTickets": "不限次",
            "serviceTime": "2026.1.1-12.31，周一闭馆，法定假期无效，团体无效",
            "location": "116.413215,39.945553"
        },
        {
            "id": 20,
            "name": "郭沫若纪念馆",
            "area": "北京市西城区",
            "price": "20元",
            "freeTickets": "免费不限次",
            "serviceTime": "2026.1.1-12.31，周一闭馆，冬季停业",
            "location": "116.365850,39.912600"
        },
        {
            "id": 21,
            "name": "纪晓岚故居",
            "area": "北京市西城区",
            "price": "10元",
            "freeTickets": "免费不限次",
            "serviceTime": "2026.1.1-12.31，周一闭馆",
            "location": "116.387191,39.890058"
        },
        {
            "id": 22,
            "name": "北京国际雕塑公园",
            "area": "北京市石景山区",
            "price": "10元",
            "freeTickets": "免费不限次",
            "serviceTime": "2026.1.1-12.31",
            "location": "116.244127,39.905953"
        },
        {
            "id": 23,
            "name": "绿野仙踪郊野公园",
            "area": "北京市丰台区",
            "price": "58元",
            "freeTickets": "免费1次",
            "serviceTime": "2025.9.1-2026.12.31，不含二次收费项目",
            "location": "116.286726,39.858538"
        },
        {
            "id": 24,
            "name": "秘林谷物种俱乐部",
            "area": "北京市丰台区",
            "price": "30元",
            "freeTickets": "半价优惠1次",
            "serviceTime": "2026.1.1-12.31，优惠票现场购买",
            "location": "116.286726,39.858538"
        },
        {
            "id": 25,
            "name": "五洲植物乐园",
            "area": "北京市丰台区",
            "price": "80元",
            "freeTickets": "半价优惠1次",
            "serviceTime": "2026.1.1-12.31，优惠票现场购买",
            "location": "116.404232,39.989378"
        },
        {
            "id": 26,
            "name": "考拉大冒险儿童主题乐园",
            "area": "北京市顺义区",
            "price": "280元",
            "freeTickets": "1次",
            "serviceTime": "2026.1.1-12.31；不含餐饮等二次收费项目",
            "location": "116.661474,40.149891"
        },
        {
            "id": 27,
            "name": "北京虎乐园",
            "area": "北京市顺义区",
            "price": "88元",
            "freeTickets": "优惠1次",
            "serviceTime": "2026.1.1-12.31，自付40元，优惠票现场购买",
            "location": "116.545217,40.133384"
        },
        {
            "id": 28,
            "name": "蔓漫谷欢乐世界",
            "area": "北京市顺义区",
            "price": "80元",
            "freeTickets": "1次",
            "serviceTime": "2025.9.1-2026.8.31，不含二次收费项目",
            "location": "116.504669,40.102852"
        },
        {
            "id": 29,
            "name": "河北村民俗文化体验园",
            "area": "北京市顺义区",
            "price": "60元",
            "freeTickets": "不限次",
            "serviceTime": "2026.1.1-12.31；法定假期无效，夜场及团队无效，正月活动无效",
            "location": "116.731345,40.129231"
        },
        {
            "id": 30,
            "name": "世界月季主题园",
            "area": "北京市大兴区",
            "price": "60元",
            "freeTickets": "不限次",
            "serviceTime": "2026.1.1-12.31，团队无效",
            "location": "116.420411,39.673582"
        },
        {
            "id": 31,
            "name": "蝴蝶谷亲子乐园",
            "area": "北京市大兴区",
            "price": "79元",
            "freeTickets": "不限次",
            "serviceTime": "2025.9.1-2026.12.31，冬季营业时间待定",
            "location": "116.683043,39.665344"
        },
        {
            "id": 32,
            "name": "留民营生态园",
            "area": "北京市大兴区",
            "price": "30元",
            "freeTickets": "不限次",
            "serviceTime": "2026.1.1-12.31",
            "location": "116.572213,39.692810"
        },
        {
            "id": 33,
            "name": "留民营水上乐园",
            "area": "北京市大兴区",
            "price": "30元",
            "freeTickets": "1次",
            "serviceTime": "2026.6.20-8.20",
            "location": "116.572213,39.692810"
        },
        {
            "id": 34,
            "name": "第五季龙水风港生态农场",
            "area": "北京市通州区",
            "price": "48元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31，不含烧烤露营等二次收费项目",
            "location": "116.73,39.75"
        },
        {
            "id": 35,
            "name": "1982农场",
            "area": "北京市通州区",
            "price": "40元",
            "freeTickets": "免票3次",
            "serviceTime": "2026.1.1-12.31，严禁私自携带蔬菜投喂动物",
            "location": "116.74,39.97"
        },
        {
            "id": 36,
            "name": "响水湖长城",
            "area": "北京市怀柔区",
            "price": "43元",
            "freeTickets": "免票1次",
            "serviceTime": "2026.4.1-10.31，法定假期无效",
            "location": "116.452995,40.451447"
        },
        {
            "id": 37,
            "name": "灵慧山",
            "area": "北京市怀柔区",
            "price": "33元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31，团队无效",
            "location": "116.582374,40.398971"
        },
        {
            "id": 38,
            "name": "石门山",
            "area": "北京市怀柔区",
            "price": "35元",
            "freeTickets": "免票1次",
            "serviceTime": "2026.4.1-10.31，冬季停业",
            "location": "116.684997,40.541195"
        },
        {
            "id": 39,
            "name": "红星二锅头酒博物馆",
            "area": "北京市怀柔区",
            "price": "48元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31，18岁以上凭本人身份证可领礼品酒1瓶，当年限领1次",
            "location": "116.665212,40.326314"
        },
        {
            "id": 40,
            "name": "喇叭沟原始森林公园",
            "area": "北京市怀柔区",
            "price": "40元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.4.20-9.25,红叶节无效",
            "location": "116.516017,40.948930"
        },
        {
            "id": 41,
            "name": "张裕爱斐堡酒庄",
            "area": "北京市密云区",
            "price": "80元",
            "freeTickets": "免票1次",
            "serviceTime": "2026.1.1-12.31，法定假期无效，团队无效",
            "location": "116.897802,40.373668"
        },
        {
            "id": 42,
            "name": "日光山谷",
            "area": "北京市密云区",
            "price": "88元",
            "freeTickets": "免票1次",
            "serviceTime": "2025.9.1-2026.12.31，冬季营业时间待定",
            "location": "116.926938,40.442409"
        },
        {
            "id": 43,
            "name": "云峰山景区",
            "area": "北京市密云区",
            "price": "35元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.4.1-11.15，冬季停业",
            "location": "116.843351,40.377058"
        },
        {
            "id": 44,
            "name": "北京天门山",
            "area": "北京市密云区",
            "price": "30元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.5.1-10.31，冬季不接待",
            "location": "116.780328,40.582717"
        },
        {
            "id": 45,
            "name": "仙居谷",
            "area": "北京市密云区",
            "price": "36元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.4.1-10.31，冬季停业",
            "location": "117.233682,40.587360"
        },
        {
            "id": 46,
            "name": "蜜蜂大世界",
            "area": "北京市密云区",
            "price": "60元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31，儿童需持本人年卡",
            "location": "117.066172,40.498267"
        },
        {
            "id": 47,
            "name": "云龙洞风景区",
            "area": "北京市密云区",
            "price": "35元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.4.1-10.31，冬季停业",
            "location": "116.843351,40.377058"
        },
        {
            "id": 48,
            "name": "战火兄弟连真人CS基地",
            "area": "北京市密云区",
            "price": "150元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.4.1-10.31，需预约，五一、十一假期无效",
            "location": "116.843351,40.377058"
        },
        {
            "id": 49,
            "name": "野鸭部落亲子乐园",
            "area": "北京市密云区",
            "price": "118元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31，冬季营业时间以实际为准",
            "location": "116.843351,40.377058"
        },
        {
            "id": 50,
            "name": "云米乐亲子乐园",
            "area": "北京市密云区",
            "price": "68元",
            "freeTickets": "免票1次",
            "serviceTime": "2025.10.1-2026.9.30，不含二次收费项目",
            "location": "116.843351,40.377058"
        },
        {
            "id": 51,
            "name": "治仙塔景区",
            "area": "北京市密云区",
            "price": "70元",
            "freeTickets": "免票1次",
            "serviceTime": "2026.1.1-12.31，团队无效，春节活动无效",
            "location": "116.843351,40.377058"
        },
        {
            "id": 52,
            "name": "盛世京城大剧院杂技",
            "area": "北京市昌平区",
            "price": "280元",
            "freeTickets": "免票1次",
            "serviceTime": "2025.9.10-2026.9.10，暑假需预约，中秋十一、五一假期无效，冬季停业",
            "location": "116.231034,40.220952"
        },
        {
            "id": 53,
            "name": "虎峪风景区",
            "area": "北京市昌平区",
            "price": "15元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.4.1-10.31，五一、十一假期无效",
            "location": "116.231034,40.220952"
        },
        {
            "id": 54,
            "name": "大杨山森林公园",
            "area": "北京市昌平区",
            "price": "15元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.5.1-10.31，冬季停业",
            "location": "116.423129,40.311959"
        },
        {
            "id": 55,
            "name": "大岭沟猕猴桃谷",
            "area": "北京市昌平区",
            "price": "30元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.4.1-10.31，法定假期无效",
            "location": "116.224659,40.369420"
        },
        {
            "id": 56,
            "name": "袋鼠一二三亲子乐园",
            "area": "北京市昌平区",
            "price": "68元",
            "freeTickets": "免票2次",
            "serviceTime": "2025.9.1-10.31，2026.4.1-8.31，法定假期无效，六一当天无效",
            "location": "116.231034,40.220952"
        },
        {
            "id": 57,
            "name": "熊猫一二三亲子乐园",
            "area": "北京市昌平区",
            "price": "68元",
            "freeTickets": "免票2次",
            "serviceTime": "2025.9.1-10.31，2026.4.1-8.31，法定假期无效，六一当天无效",
            "location": "116.231034,40.220952"
        },
        {
            "id": 58,
            "name": "凤凰谷",
            "area": "北京市昌平区",
            "price": "58元",
            "freeTickets": "免票1次",
            "serviceTime": "2026.1.1-12.31",
            "location": "116.275216,40.140379"
        },
        {
            "id": 59,
            "name": "那时明月花溪谷",
            "area": "北京市昌平区",
            "price": "60元",
            "freeTickets": "免票不限次",
            "serviceTime": "2025.9.1-2026.8.31，团队无效，冬季营业时间待定",
            "location": "116.183466,40.262576"
        },
        {
            "id": 60,
            "name": "牧阳山谷儿童乐园",
            "area": "北京市昌平区",
            "price": "50元",
            "freeTickets": "免票不限次",
            "serviceTime": "2025.10.1-2026.9.30，周末及国家法定假期接待，平日不开放",
            "location": "116.031729,40.154442"
        },
        {
            "id": 61,
            "name": "风之谷大冒险",
            "area": "北京市昌平区",
            "price": "58元",
            "freeTickets": "免票1次",
            "serviceTime": "2026.3.1-10.31，冬季停业",
            "location": "116.231034,40.220952"
        },
        {
            "id": 62,
            "name": "风之谷露营地-丛林魔网",
            "area": "北京市昌平区",
            "price": "78元",
            "freeTickets": "免票1次",
            "serviceTime": "2025.9.1-2026.10.31，冬季停业",
            "location": "116.745170,39.866658"
        },
        {
            "id": 63,
            "name": "小蛟龙动物乐园",
            "area": "北京市昌平区",
            "price": "40元",
            "freeTickets": "免票1次",
            "serviceTime": "2025.9.1-2026.8.31，不含二次收费项目",
            "location": "116.231034,40.220952"
        },
        {
            "id": 64,
            "name": "考克斯顿动物世界",
            "area": "北京市昌平区",
            "price": "99元",
            "freeTickets": "免票1次",
            "serviceTime": "2026.1.1-12.31；法定假期无效",
            "location": "116.189111,40.234530"
        },
        {
            "id": 65,
            "name": "御笔坊",
            "area": "北京市昌平区",
            "price": "29元",
            "freeTickets": "免票不限次",
            "serviceTime": "2025.9.1-2026.12.31",
            "location": "116.401420,40.178208"
        },
        {
            "id": 66,
            "name": "古崖居",
            "area": "北京市延庆区",
            "price": "54元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31，大型活动无效",
            "location": "115.974609,40.457033"
        },
        {
            "id": 67,
            "name": "八达岭森林公园",
            "area": "北京市延庆区",
            "price": "33元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.6.1-10.31，淡季停业",
            "location": "116.019453,40.347439"
        },
        {
            "id": 68,
            "name": "九眼楼长城",
            "area": "北京市延庆区",
            "price": "40元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31",
            "location": "115.974609,40.457033"
        },
        {
            "id": 69,
            "name": "雅白石景区",
            "area": "北京市延庆区",
            "price": "35元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.3.15-11.15，冬季不接待",
            "location": "115.974609,40.457033"
        },
        {
            "id": 70,
            "name": "青山园亲子乐园",
            "area": "北京市延庆区",
            "price": "30元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31，五一、十一法定假期无效",
            "location": "116.236851,40.568493"
        },
        {
            "id": 71,
            "name": "绿悠亲子乐园",
            "area": "北京市延庆区",
            "price": "30元",
            "freeTickets": "免票不限次",
            "serviceTime": "2025.9.1-2026.8.31",
            "location": "115.974609,40.457033"
        },
        {
            "id": 72,
            "name": "百瑞谷",
            "area": "北京市房山区",
            "price": "80元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.4.1-10.31，不含小交通",
            "location": "115.640178,39.861800"
        },
        {
            "id": 73,
            "name": "圣莲山景区",
            "area": "北京市房山区",
            "price": "60元",
            "freeTickets": "免费不限次",
            "serviceTime": "2025.9.1-2026.10.31，冬季营业时间待定",
            "location": "115.731945,39.846821"
        },
        {
            "id": 74,
            "name": "乐谷银滩",
            "area": "北京市房山区",
            "price": "40元",
            "freeTickets": "免费1次",
            "serviceTime": "2026.4.1-10.8",
            "location": "115.668020,39.617798"
        },
        {
            "id": 75,
            "name": "月亮山风景区",
            "area": "北京市房山区",
            "price": "20元",
            "freeTickets": "免费不限次",
            "serviceTime": "2026.3.15-11.31，团队无效",
            "location": "116.143426,39.748889"
        },
        {
            "id": 76,
            "name": "韩村河旅游景区",
            "area": "北京市房山区",
            "price": "40元",
            "freeTickets": "免费1次",
            "serviceTime": "2025.9.1-2026.12.31",
            "location": "115.957093,39.603441"
        },
        {
            "id": 77,
            "name": "广阳恐龙寻宝乐园",
            "area": "北京市房山区",
            "price": "59元",
            "freeTickets": "免费1次",
            "serviceTime": "2026.1.1-12.31，五一、十一法定假期无效",
            "location": "116.191044,39.757336"
        },
        {
            "id": 78,
            "name": "夏娃亲子自然教育农场",
            "area": "北京市房山区",
            "price": "89元",
            "freeTickets": "免费1次",
            "serviceTime": "2026.1.1-12.31，不含二次收费项目",
            "location": "116.027302,39.667747"
        },
        {
            "id": 79,
            "name": "昊天公园彩虹滑道",
            "area": "北京市房山区",
            "price": "80元",
            "freeTickets": "免费1次",
            "serviceTime": "2026.4.1-10.31，限1小时",
            "location": "116.154616,39.733695"
        },
        {
            "id": 80,
            "name": "昊天公园亲子乐园",
            "area": "北京市房山区",
            "price": "59元",
            "freeTickets": "免费1次",
            "serviceTime": "2026.1.1-12.31，不含二次收费项目",
            "location": "116.154616,39.733695"
        },
        {
            "id": 81,
            "name": "昊天公园滑雪场",
            "area": "北京市房山区",
            "price": "150元",
            "freeTickets": "免费2次",
            "serviceTime": "2025.12.20-2026.2.28，限3小时，需戴头盔，自付保险10元",
            "location": "116.154616,39.733695"
        },
        {
            "id": 82,
            "name": "昊天公园戏雪乐园",
            "area": "北京市房山区",
            "price": "120元",
            "freeTickets": "免费2次",
            "serviceTime": "2025.12.20-2026.2.28；含3个项目",
            "location": "116.154616,39.733695"
        },
        {
            "id": 83,
            "name": "长阳黄火虫生态园",
            "area": "北京市房山区",
            "price": "68元",
            "freeTickets": "免费2次",
            "serviceTime": "2025.9.1-2026.12.31，不含二次收费项目",
            "location": "116.203578,39.750729"
        },
        {
            "id": 84,
            "name": "土渡聚龙湾景区",
            "area": "北京市房山区",
            "price": "110元",
            "freeTickets": "免费1次",
            "serviceTime": "2026.4.1-10.31，不含漂流，冬季停业",
            "location": "116.143426,39.748889"
        },
        {
            "id": 85,
            "name": "杨柳青民俗文化馆",
            "area": "天津市",
            "price": "30元",
            "freeTickets": "免费不限次",
            "serviceTime": "2025.9.1-2026.8.31",
            "location": "117.012529,39.136131"
        },
        {
            "id": 86,
            "name": "米可米吉亲子乐园",
            "area": "天津市",
            "price": "98元",
            "freeTickets": "免费1次",
            "serviceTime": "2025.9.1-2026.8.31",
            "location": "117.10,39.27"
        },
        {
            "id": 87,
            "name": "天津文庙博物馆",
            "area": "天津市",
            "price": "25元",
            "freeTickets": "免费不限次",
            "serviceTime": "2026.1.1-12.31，周一闭馆",
            "location": "117.189276,39.142330"
        },
        {
            "id": 88,
            "name": "天津格格府",
            "area": "天津市",
            "price": "15元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31，周一闭馆",
            "location": "117.19,39.15"
        },
        {
            "id": 89,
            "name": "天津戏剧博物馆",
            "area": "天津市",
            "price": "10元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31，周一闭馆",
            "location": "117.182010,39.140591"
        },
        {
            "id": 90,
            "name": "可乐马古典家具博物馆",
            "area": "天津市",
            "price": "10元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31，周一闭馆",
            "location": "117.050291,39.402847"
        },
        {
            "id": 91,
            "name": "蓟州狂野拖拉机农场",
            "area": "天津市",
            "price": "40元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.4.1-10.31，冬季停业",
            "location": "117.408432,40.046544"
        },
        {
            "id": 92,
            "name": "绵羊牧场森林露营",
            "area": "天津市",
            "price": "79元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.4.1-10.31，五一、十一假期无故",
            "location": "117.01,39.16"
        },
        {
            "id": 93,
            "name": "石家大院",
            "area": "天津市",
            "price": "25元",
            "freeTickets": "免票不限次",
            "serviceTime": "2025.9.1-2026.8.31",
            "location": "117.006709,39.136619"
        },
        {
            "id": 94,
            "name": "扬扬青年画馆",
            "area": "天津市",
            "price": "10元",
            "freeTickets": "免票不限次",
            "serviceTime": "2025.9.1-2026.8.31",
            "location": "117.01,39.16"
        },
        {
            "id": 95,
            "name": "天桂山",
            "area": "石家庄市",
            "price": "65元",
            "freeTickets": "免票不限次",
            "serviceTime": "2025.9.1-2026.12.31，当天限1次",
            "location": "113.745863,38.257391"
        },
        {
            "id": 96,
            "name": "红崖谷景区",
            "area": "石家庄市",
            "price": "60元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31，冬季营业时间以实际为准",
            "location": "113.955649,38.200158"
        },
        {
            "id": 97,
            "name": "中山园景区",
            "area": "石家庄市",
            "price": "50元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31",
            "location": "114.514976,38.042007"
        },
        {
            "id": 98,
            "name": "清凉山风景区",
            "area": "石家庄市",
            "price": "50元",
            "freeTickets": "免票不限次",
            "serviceTime": "2025.9.1-2026.9.30，团队无效",
            "location": "114.018500,38.073635"
        },
        {
            "id": 99,
            "name": "藤龙山",
            "area": "石家庄市",
            "price": "65元",
            "freeTickets": "免票不限次",
            "serviceTime": "2025.9.1-2026.10.31，冬季停业",
            "location": "114.115857,38.515181"
        },
        {
            "id": 100,
            "name": "秋山风景区",
            "area": "石家庄市",
            "price": "50元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.4.1-10.31，冬季停业",
            "location": "114.156348,38.541501"
        },
        {
            "id": 101,
            "name": "龙山镇旅游度假区",
            "area": "石家庄市",
            "price": "70元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31，团队无效，另付10元维护费",
            "location": "114.380731,37.805685"
        },
        {
            "id": 102,
            "name": "伏羲台",
            "area": "石家庄市",
            "price": "15元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31",
            "location": "114.716111,38.381372"
        },
        {
            "id": 103,
            "name": "秦皇古城道",
            "area": "石家庄市",
            "price": "25元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31",
            "location": "114.550287,38.102297"
        },
        {
            "id": 104,
            "name": "独山风景区",
            "area": "石家庄市",
            "price": "35元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.3.15-10.31，冬季停业",
            "location": "114.101718,38.593959"
        },
        {
            "id": 105,
            "name": "雪山景区",
            "area": "石家庄市",
            "price": "35元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.4.1-10.31，冬季停业",
            "location": "114.514976,38.042007"
        },
        {
            "id": 106,
            "name": "王母山",
            "area": "石家庄市",
            "price": "60元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31，不含二次收费项目",
            "location": "114.097040,38.492622"
        },
        {
            "id": 107,
            "name": "黄金寨旅游区",
            "area": "石家庄市",
            "price": "60元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31，不含二次收费项目",
            "location": "114.051123,38.428375"
        },
        {
            "id": 108,
            "name": "童心民族风情园",
            "area": "石家庄市",
            "price": "60元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31，不含二次收费项目",
            "location": "114.086124,38.446255"
        },
        {
            "id": 109,
            "name": "渔山云顶旅游区",
            "area": "石家庄市",
            "price": "60元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31，不含二次收费项目",
            "location": "114.444783,38.024006"
        },
        {
            "id": 110,
            "name": "赵州桥科技馆",
            "area": "石家庄市",
            "price": "30元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31",
            "location": "114.772885,37.724160"
        },
        {
            "id": 111,
            "name": "赵州桥展览馆",
            "area": "石家庄市",
            "price": "30元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31",
            "location": "114.773351,37.731147"
        },
        {
            "id": 112,
            "name": "黑山大峡谷",
            "area": "石家庄市",
            "price": "65元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.5.1-10.31，冬季停业",
            "location": "113.597364,38.551276"
        },
        {
            "id": 113,
            "name": "清西路-泰陵",
            "area": "保定市",
            "price": "免费",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-6.30，团队无效",
            "location": "115.464523,38.874476"
        },
        {
            "id": 114,
            "name": "清西陵-崇陵",
            "area": "保定市",
            "price": "10元",
            "freeTickets": "免票1次",
            "serviceTime": "2026.1.1-6.30，团队无效",
            "location": "115.362235,39.371801"
        },
        {
            "id": 115,
            "name": "清西陵-昌西陵",
            "area": "保定市",
            "price": "8元",
            "freeTickets": "免票1次",
            "serviceTime": "2026.1.1-6.30，团队无效",
            "location": "115.362235,39.371801"
        },
        {
            "id": 116,
            "name": "清西陵-慕陵",
            "area": "保定市",
            "price": "10元",
            "freeTickets": "免票1次",
            "serviceTime": "2026.1.1-6.30，团队无效",
            "location": "115.303829,39.342822"
        },
        {
            "id": 117,
            "name": "清西陵-永福寺",
            "area": "保定市",
            "price": "8元",
            "freeTickets": "免票1次",
            "serviceTime": "2026.1.1-6.30，团队无效",
            "location": "115.402750,39.380975"
        },
        {
            "id": 118,
            "name": "卓正神农大观园",
            "area": "保定市",
            "price": "30元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31",
            "location": "115.597359,38.980259"
        },
        {
            "id": 119,
            "name": "华峪山庄",
            "area": "保定市唐县",
            "price": "30元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31，冬季营业时间以实际为准",
            "location": "114.830920,38.807689"
        },
        {
            "id": 120,
            "name": "神泉山",
            "area": "保定市",
            "price": "50元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31，冬季营业时间以实际为准",
            "location": "115.464523,38.874476"
        },
        {
            "id": 121,
            "name": "刘伶醉景区",
            "area": "保定市",
            "price": "38元",
            "freeTickets": "免票不限次",
            "serviceTime": "2025.9.1-2026.12.31",
            "location": "115.638289,39.004823"
        },
        {
            "id": 122,
            "name": "腰山王氏庄园",
            "area": "保定市",
            "price": "30元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31",
            "location": "115.217689,38.892860"
        },
        {
            "id": 123,
            "name": "野三坡-清泉山",
            "area": "保定市",
            "price": "50元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.5.1-10.10，冬季停业",
            "location": "115.389176,39.678151"
        },
        {
            "id": 124,
            "name": "雄安新区郊野公园秦皇岛园海洋馆",
            "area": "保定市",
            "price": "50元",
            "freeTickets": "免票1次",
            "serviceTime": "2026.1.1-12.31",
            "location": "115.913190,39.047603"
        },
        {
            "id": 125,
            "name": "曲阳北岳庙",
            "area": "保定市",
            "price": "40元",
            "freeTickets": "免票不限次",
            "serviceTime": "2026.1.1-12.31，春节庙会无效",
            "location": "114.697069,38.621213"
        },
        {
            "id": 126,
            "name": "猛犸象谷景区",
            "area": "保定市",
            "price": "60元",
            "freeTickets": "免票1次",
            "serviceTime": "2026.4.1-10.31，冬季停业",
            "location": "115.248463,39.329968"
        },
        {
            "id": 127,
            "name": "白银坨风景区",
            "area": "保定市",
            "price": "50元",
            "freeTickets": "免票不限次",
            "serviceTime": "2025.9.1-2026.8.31，冬季营业时间待定",
            "location": "114.876874,39.091727"
        },
        {
            "id": 128,
            "name": "怀来黄龙山庄",
            "area": "张家口市",
            "price": "78元",
            "freeTickets": "免费不限次",
            "serviceTime": "2026.4.20-10.7，冬季停业",
            "location": "115.462410,40.502527"
        },
        {
            "id": 129,
            "name": "天鹿大本营",
            "area": "张家口市",
            "price": "120元",
            "freeTickets": "免费1次",
            "serviceTime": "2026.6.1-8.31，淡季停业",
            "location": "115.321956,41.267353"
        },
        {
            "id": 130,
            "name": "中国天路雪乡景区",
            "area": "张家口市",
            "price": "60元",
            "freeTickets": "免费1次",
            "serviceTime": "2026.5.1-10.15，淡季停业",
            "location": "115.316322,41.283543"
        },
        {
            "id": 131,
            "name": "假日绿岛欢乐农场",
            "area": "张家口市",
            "price": "48元",
            "freeTickets": "免费不限次",
            "serviceTime": "2026.1.1-12.31，不含二次收费项目",
            "location": "114.935750,40.586083"
        },
        {
            "id": 132,
            "name": "安家沟生态旅游区",
            "area": "张家口市",
            "price": "40元",
            "freeTickets": "免费不限次",
            "serviceTime": "2026.4.1-10.15，冬季停业",
            "location": "114.870776,40.867846"
        },
        {
            "id": 133,
            "name": "鸡鸣山景区",
            "area": "张家口市",
            "price": "54元",
            "freeTickets": "免费不限次",
            "serviceTime": "2025.11.1-2026.12.31，清明节、五一法定假期无效",
            "location": "115.305296,40.475321"
        },
        {
            "id": 134,
            "name": "鸡鸣驿古城",
            "area": "张家口市",
            "price": "40元",
            "freeTickets": "免费2次",
            "serviceTime": "2026.1.1-12.31，五一、十一法定假期无效",
            "location": "115.663973,40.369022"
        },
        {
            "id": 135,
            "name": "怀安奥日碴窑艺术小镇",
            "area": "张家口市",
            "price": "30元",
            "freeTickets": "免费不限次",
            "serviceTime": "2025.9.1-2026.12.31",
            "location": "114.386488,40.675270"
        },
        {
            "id": 136,
            "name": "世界葡萄酒之窗",
            "area": "张家口市",
            "price": "40元",
            "freeTickets": "免费不限次",
            "serviceTime": "2026.1.1-12.31，五一、十一法定假期无效",
            "location": "115.560352,40.351148"
        },
        {
            "id": 137,
            "name": "白河源景区",
            "area": "张家口市",
            "price": "38元",
            "freeTickets": "免费不限次",
            "serviceTime": "2026.6.1-9.30，冬季停业",
            "location": "115.69,41.42"
        },
        {
            "id": 138,
            "name": "滦河神韵",
            "area": "张家口市",
            "price": "60元",
            "freeTickets": "免费不限次",
            "serviceTime": "2026.5.1-10.31，冬季停业",
            "location": "115.777464,41.785335"
        },
        {
            "id": 139,
            "name": "胜海寺",
            "area": "张家口市",
            "price": "38元",
            "freeTickets": "免费不限次",
            "serviceTime": "2026.6.1-10.31，淡季停业",
            "location": "115.744414,40.609219"
        },
        {
            "id": 140,
            "name": "国玉陶瓷文化园",
            "area": "张家口市",
            "price": "20元",
            "freeTickets": "免费不限次",
            "serviceTime": "2025.9.1-2026.12.31，不含拉胚二次收费项目",
            "location": "115.09,40.59"
        }
    ];

    // 初始化地图
    const map = new AMap.Map('container', {
        zoom: 10,
        center: [116.397428, 39.90923], // 北京中心坐标
        resizeEnable: true
    });

    // 普通信息窗口标记
    const normalMarker = new AMap.Marker({
        anchor: 'bottom-center',
        offset: [0, -15],
    });

    // 地图加载完成后添加标注
    map.on('complete', function () {
        // 创建 AMap.LabelsLayer 图层
        const layer = new AMap.LabelsLayer({
            zooms: [3, 20],
            zIndex: 1000,
            collision: false
        });

        // 将图层添加到地图
        map.add(layer);

        const markers = [];

        // 标记样式
        const icon = {
            type: 'image',
            image: 'https://webapi.amap.com/theme/v1.3/markers/n/mark_b.png',
            size: [6, 9],
            anchor: 'bottom-center',
        };

        // 为每个景点创建标注
        poiData.forEach(poi => {
            const [lng, lat] = poi.location.split(',').map(Number);

            // 创建自定义标记
            const marker = new AMap.Marker({
                position: [lng, lat],
                content: `
                        <div style="display: flex; flex-direction: column; align-items: center;">
                            <img src="https://webapi.amap.com/theme/v1.3/markers/n/mark_b.png" style="width: 6px; height: 9px;">
                            <div class="custom-label">${poi.name}</div>
                        </div>
                    `,
                offset: new AMap.Pixel(-15, -15)
            });

            // 存储景点数据
            marker.data = poi;

            markers.push(marker);

            // 鼠标悬停事件
            marker.on('mouseover', function (e) {
                const poi = e.target.data;
                if (poi) {
                    const content = `
                            <div class="amap-info-window">
                                <div class="info-title">${poi.name}</div>
                                <div class="info-row">
                                    <div class="info-label">ID:</div>
                                    <div class="info-value">${poi.id}</div>
                                </div>
                                <div class="info-row">
                                    <div class="info-label">门市价:</div>
                                    <div class="info-value info-highlight">${poi.price}</div>
                                </div>
                                <div class="info-row">
                                    <div class="info-label">免票次数:</div>
                                    <div class="info-value info-highlight">${poi.freeTickets}</div>
                                </div>
                                <div class="info-row">
                                    <div class="info-label">接待时间:</div>
                                    <div class="info-value info-time">${poi.serviceTime}</div>
                                </div>
                                <div class="info-row">
                                    <div class="info-label">区域:</div>
                                    <div class="info-value info-time">${poi.area}</div>
                                </div>
                                <div class="info-row" style="border-bottom: none;">
                                    <div class="info-label">坐标:</div>
                                    <div class="info-value">${poi.location}</div>
                                </div>
                                <div class="amap-info-sharp"></div>
                            </div>
                        `;

                    normalMarker.setContent(content);
                    normalMarker.setPosition([lng, lat]);
                    map.add(normalMarker);
                }
            });

            // 点击事件
            marker.on('click', function (e) {
                const poi = e.target.data;
                if (poi) {
                    const content = `
                            <div class="amap-info-window">
                                <div class="info-title">${poi.name}</div>
                                <div class="info-row">
                                    <div class="info-label">ID:</div>
                                    <div class="info-value">${poi.id}</div>
                                </div>
                                <div class="info-row">
                                    <div class="info-label">门市价:</div>
                                    <div class="info-value info-highlight">${poi.price}</div>
                                </div>
                                <div class="info-row">
                                    <div class="info-label">免票次数:</div>
                                    <div class="info-value info-highlight">${poi.freeTickets}</div>
                                </div>
                                <div class="info-row">
                                    <div class="info-label">接待时间:</div>
                                    <div class="info-value info-time">${poi.serviceTime}</div>
                                </div>
                                <div class="info-row">
                                    <div class="info-label">区域:</div>
                                    <div class="info-value info-time">${poi.area}</div>
                                </div>
                                <div class="info-row" style="border-bottom: none;">
                                    <div class="info-label">坐标:</div>
                                    <div class="info-value">${poi.location}</div>
                                </div>
                                <div class="amap-info-sharp"></div>
                            </div>
                        `;

                    normalMarker.setContent(content);
                    normalMarker.setPosition([lng, lat]);
                    map.add(normalMarker);
                }
            });

            // 鼠标移出事件
            marker.on('mouseout', function () {
                map.remove(normalMarker);
            });

            // 将标记添加到地图
            map.add(marker);
        });

        // 更新景点数量显示
        document.getElementById('poiCount').textContent = `共 ${markers.length} 个景点`;

        // 调整地图视野以包含所有标记
        if (markers.length > 0) {
            map.setFitView();
        }
    });
</script>
</body>
</html>